<template>
	
	<view v-if="true" class="personalCenter" >

		<view class="personalCenter-top">
			
		</view>
		
		<view class="jx-content-box" style="margin-top: 20rpx;">
			<view class="jx-header-btm">
				<view class="jx-btm-item">
					当前余额
				</view>
				<view class="jx-btm-item">
					{{50}}元
				</view>
				<view class="jx-btm-item last">
					<text
						style="background: #FF7104;width: 130rpx;font-size: 30rpx;border-radius: 10rpx;text-align: center;color: #fff;margin-bottom: 20rpx;"
						@click="href(2)">明细</text>
					<text
						style="background: #FF7104;width: 130rpx;font-size: 30rpx;border-radius: 10rpx;text-align: center;color: #fff;"
						@click="href(1)">提现</text>
				</view>
			</view>
		</view>
		
		<view class="personalCenter-item"  @click="href(4)" style="margin-bottom: 100rpx;">
			<jx-list-cell :arrow="true" padding="0" :lineLeft="false">
				<view class="jx-cell-header" style="height: 100rpx;">
					<view class="jx-cell-title" style="font-weight: 700;">账户修改</view>
				</view>
			</jx-list-cell>
		</view>
	
		
	</view>
	<view v-else></view>
</template>

<script>
	import jxListCell from '@/components/list-cell/list-cell';
	export default {
		components: {
			jxListCell
		},
		data() {
			return {
				
				
			}
		},
		onLoad() {
			
		},
		onShow() {
		},
		methods: {
			href(page) {
				if (page == 1) {
					uni.navigateTo({
						url: './withdrawal'
					})
				}
				if (page == 2) {
					uni.navigateTo({
						url: './mongeyDetail'
					})
				}
				
				
			},
		}
	}
</script>

<style lang="scss" scoped>
	.mana-bottom-btn{border-top:1px solid #eaeaea;padding:20rpx 20rpx;background:white;position:fixed;bottom:0;left:0;width:100%;text-align:center;}
	.mana-bottom-btn > text{border-radius:60rpx;padding:20rpx 0;width:85%;display:inline-block;background:#F24F34;font-size:30rpx;color:white;}
	.personalCenter {
		width: 100%;
		overflow: hidden;
		background: url(https://dev.mingyuanriji.cn/web/static/personalCenter_logo.jpg)no-repeat; 
		background-size: 100%;
	}

	.personalCenter-top {
		margin-top: 40rpx;
		width: 100%;
		overflow: hidden;
		padding: 20rpx;
		box-sizing: border-box;
	}

	.personal-logo {
		width: 128rpx;
		height: 128rpx;
		display: block;
		border-radius: 50px;
		float: left;
	}

	.personal_nicken_ID {
		float: left;
		margin-left: 30rpx;
		width: 400rpx;
		color: #fff;
	}

	.personal_nicken {
		margin: 10upx 0;
		width: 100%;
	}

	.personalCenter-item {
		width: 100%;
		overflow: hidden;
		margin: 20upx 0 0 0;
		padding: 0 30rpx;
		box-sizing: border-box;
	}

	.jx-content-box {
		width: 100%;
		padding: 0 30rpx;
		box-sizing: border-box;
		// margin-top: 20rpx;
	}

	.jx-header-btm {
		border-radius: 12rpx;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: space-between;
		color: #000;
		background: #ffffff;
		margin-bottom: 20rpx;
	}

	.jx-btm-item {
		flex: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 40rpx 0rpx;
		position: relative;

		&::after {
			content: '';
			// border-right: 1rpx solid #b3b3b3;
			width: 1px;
			height: 100rpx;
			position: absolute;
			right: 0;
			top: 50%;
			transform: translateY(-50%);
		}

		&:last-child {
			&::after {
				display: none;
			}
		}
	}

	.jx-btm-num {
		font-size: 12pt;
		font-weight: 600;
		position: relative;
	}

	.jx-btm-text {
		font-size: 9pt;
		opacity: 0.85;
		padding-top: 4rpx;
	}

	.jx-cell-header {
		width: 100%;
		// height: 100rpx;
		height: 70rpx;
		padding: 0 40rpx;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-bottom: 1rpx solid #f3f3f3;
	}

	.jx-cell-title {
		font-size: 11pt;
		line-height: 30rpx;
		font-weight: 400;
		color: #333;
		font-weight: 600;
		letter-spacing: 1px;
	}

	.jx-cell-sub {
		font-size: 9pt;
		font-weight: 400;
		color: #999;
		padding-right: 10rpx;
	}

	.share-shop {
		float: right;
		padding-top: 20rpx;
	}

	.tui-collection {
		color: #333;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
		height: 96rpx;
		width: 96rpx;
		border-radius: 100rpx;
		background: #F7F7F7;
		margin-right: 10rpx;
	}

	.tui-scale {
		transform: scale(0.7);
		transform-origin: center center;
		line-height: 24rpx;
		font-weight: normal;
	}

	.tui-icon-collection {
		line-height: 20px !important;
		margin-bottom: 0 !important;
		color: #333333;
		font-size: 20px;
	}


	.goods-qrcode-modal {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1000;
		background: rgba(0, 0, 0, 0.5);
		opacity: 1;
		transition: opacity 250ms;
		z-index: 9999;
	}

	.goods-qrcode-body {
		background: #ffffff;
		width: 100%;
		height: 90%;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		border-radius: 10rpx;
		padding: 30rpx;
		box-sizing: border-box;
	}

	.goods-qrcode-body .goods-qrcode-box {
		height: 100%;
		position: relative;
		box-shadow: 0 0 15rpx rgba(0, 0, 0, 0.15);
	}

	.goods-qrcode2 {
		position: relative;
		height: 100%;
		flex-direction: column;
	}

	.codeImg_box {
		width: 100%;
		height: 95%;
		// margin-bottom: 20rpx;
	}

	.saveCode-btn {
		color: #939292;
		padding: 10px 20px;
		border-radius: 10px;
	}

	.goods-qrcode {
		width: 100%;
		height: 100%;
		background: #fffffff;
		background-size: 100%;
	}

	.goods-qrcode-close {
		position: absolute;
		top: 40rpx;
		right: 40rpx;
		padding: 15rpx;
	}
</style>
